.loading-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	.loading-wrap {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 98px;
	}
}
.dot {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	width: 32px;
	height: 32px;
	font-size: 32px;
	transform: rotate(45deg);
	animation: ant-rotate 1.2s infinite linear;
}
.dot i {
	position: absolute;
	display: block;
	width: 14px;
	height: 14px;
	background-color: var(--el-color-primary);
	border-radius: 100%;
	opacity: 0.3;
	transform: scale(0.75);
	transform-origin: 50% 50%;
	animation: ant-spin-move 1s infinite linear alternate;
}
.dot i:nth-child(1) {
	top: 0;
	left: 0;
}
.dot i:nth-child(2) {
	top: 0;
	right: 0;
	animation-delay: 0.4s;
}
.dot i:nth-child(3) {
	right: 0;
	bottom: 0;
	animation-delay: 0.8s;
}
.dot i:nth-child(4) {
	bottom: 0;
	left: 0;
	animation-delay: 1.2s;
}
@keyframes ant-rotate {
	to {
		transform: rotate(405deg);
	}
}
@keyframes ant-spin-move {
	to {
		opacity: 1;
	}
}
.loading-v2 {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	.text {
		font-size: 12px;
		color: #eeeeee;
		text-align: center;
	}
	.animbox {
		width: 150px;
		text-align: center;
	}

	/* 设置各竖条的共有样式 */
	.animbox > div {
		display: inline-block;
		width: 4px;
		height: 35px;
		margin: 2px;
		background-color: #279fcf;
		border-radius: 2px;
		animation: anim 0.9s 0s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
		animation-fill-mode: both;
	}

	/* 设置动画延迟 */
	.animbox > :nth-child(2),
	.animbox > :nth-child(4) {
		animation-delay: 0.25s !important;
	}
	.animbox > :nth-child(1),
	.animbox > :nth-child(5) {
		animation-delay: 0.5s !important;
	}

	/* 定义动画 */
	@keyframes anim {
		0% {
			transform: scaleY(1);
		}
		80% {
			transform: scaleY(0.3);
		}
		90% {
			transform: scaleY(1);
		}
	}
}
